<template>
  <div>
<div class="left" @click="backOut">
            <van-icon name="arrow-left" />
        </div>
        <div class="right">
            <van-icon name="search" />
        </div>
        <div class="spxq">
            <span class="spxq-wz">{{ title }}</span>

        </div>
  </div>
</template>

<script>
export default {
    // 接收父親傳的參數
    props:{
        title:{
            type:String,
            default:'默认跳转标题'
        }
    },
    methods:{
        // 路由返回上一頁面
        backOut(){
            this.$router.go(-1)
        }
    }
}
</script>

<style scoped>
 .left{
        position: absolute;
        padding:16px;
    }
 .right{
        position: absolute;
        padding: 15px 16px;
        position: absolute;
        font-size: 20px;
        color: #8aa3ef;
        right: 0;
    }
.spxq-wz{
       display: flex;
        justify-content: center;
    }
    .spxq{
        background-color: white;
        padding: 15px 0;

    }
</style>